<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:p="http://primefaces.org/ui">
<h:body>

	<ui:composition template="/template/common/commonLayout.xhtml">
    	<ui:define name="content">    		   
    			<ui:include src="../template/common/wait.xhtml" />     		
    			<h:form>
    			 <div id="filtroHerramientas">
    			 	<h:panelGrid columns="6"  id="panelFiltroHerramienta" style="margin-left:10px; width: 800px; height: 100px; font-family: Arial, Verdana, sans-serif; font-size: 11px;">
    			 	  <h:outputText value="#{msg.herFrenteTrabajo}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.frenteTrabajo}"/>
    			 	  <h:outputText value="#{msg.herUsuario}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.usuario}"/> 
    			 	  <h:outputText value="#{msg.herEstado}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.estado}"/>   
				      <h:outputText value="#{msg.herNombre}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.nombre}"/>   
    			 	  <h:outputText value="#{msg.herCantidad}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.cantidad}"/>  
				      <h:outputText value="#{msg.herValor}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.valor}"/>        
    			 	  <h:outputText value="#{msg.herTotal}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.total}"/>
    			 	  <h:outputText value="#{msg.herCodigo}"/>
    			 	  <h:inputText value="#{herramientasBean.herramientaFilter.codigo}"/>
    			 	  <h:outputText></h:outputText>
    			 	  <h:outputText></h:outputText>
    			 	  <h:outputText value="#{msg.herFechaDesde}"/>
    			 	  <h:panelGroup columns="1">
    			 	  	  <h:inputText value="#{herramientasBean.herramientaFilter.fechaDesde}"/><br></br>
    			 	  	  (AAAA-MM-dd HH:MM)
    			 	  </h:panelGroup>
    			 	  <h:outputText value="#{msg.herFechaHasta}"/>
    			 	 <h:panelGroup columns="1">
    			 	  	  <h:inputText value="#{herramientasBean.herramientaFilter.fechaHasta}"/><br></br>
    			 	  	  (AAAA-MM-dd HH:MM)
    			 	  </h:panelGroup>
    			 	</h:panelGrid>
	    			<div id="botonera">	    			
				     	<a4j:commandButton id="limpiarHerramienta" 
				     	      action="#{herramientasBean.limpiarFiltro}"
				     	      render="panelFiltroHerramienta tableHerramientas"	                          
	                          value="#{msg.botonLimpiar}">                
	            		</a4j:commandButton>
				     	<a4j:commandButton id="filtrarHerramienta"	
				     	      execute="panelFiltroHerramienta"	
				     	       action="#{herramientasBean.filtrar()}"	     	      			     		  
				     	      render="tableHerramientas"
	                          value="#{msg.botonFiltrar}">                
	            		</a4j:commandButton>
	            		<a4j:commandButton id="crearHerramienta"
	            			render="formularioHerramientas"
	            			action="#{herramientasBean.nuevaHerramienta}"			     	      			     		  
			     	        oncomplete="#{rich:component('popupHerramientas')}.show();"
                            value="#{msg.botonCrear}">                
            		    </a4j:commandButton>	            	
				     </div>
    			 </div>    			
    			 <div id="listaHerramientas">
			        <p:dataTable value="#{herramientasBean.listHerramientas}"
			                                var="herramienta"  id="tableHerramientas"  paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
                 				paginator="true" rows="5" style="text-align: center; height:200px; width:1010px; font-size:10px;" >
			            <f:facet name="header">
			                <h:outputText value="#{msg.herTituloConsulta}"/>
			            </f:facet>
			            <p:column sortBy="#{herramienta.cMaqFrenteTrabajo.nombre}">
			                <f:facet name="header">#{msg.herFrenteTrabLis}</f:facet>
			                <h:outputText value="#{herramienta.cMaqFrenteTrabajo.nombre}"/>
			            </p:column>	
			            <p:column  sortBy="#{herramienta.cMaqUsuario.nameEmployee}">
			                <f:facet name="header">#{msg.herObreroLis}</f:facet>
			                <h:outputText value="#{herramienta.cMaqUsuario.nameEmployee}"/>
			            </p:column>	
			            <p:column sortBy="#{herramienta.estado}">
			                <f:facet  name="header">#{msg.herEstadoLis}</f:facet>
			                <h:outputText value="#{herramienta.estado}"/>
			            </p:column>		   
			            <p:column sortBy="#{herramienta.codigo}">
			                <f:facet name="header">#{msg.herCodigoLis}</f:facet>
			                <h:outputText value="#{herramienta.codigo}"/>
			            </p:column>	     
			            <p:column sortBy="#{herramienta.fecha}">
			                <f:facet name="header">#{msg.herFechaLis}</f:facet>
			                <h:outputText value="#{herramienta.fecha}" >
			                 	<f:convertDateTime pattern="yyyy-MM-dd HH:mm" />
			                </h:outputText>
			            </p:column>    
			            <p:column sortBy="#{herramienta.nombre}">
			                <f:facet name="header">#{msg.herNombreLis}</f:facet>
			                <h:outputText value="#{herramienta.nombre}"/>
			            </p:column>
			            <p:column sortBy="#{herramienta.cantidad}">
			                <f:facet name="header">#{msg.herCantidadLis}</f:facet>
			                <h:outputText value="#{herramienta.cantidad}"/>
			            </p:column>
			            <p:column sortBy="#{herramienta.valor}">
			                <f:facet name="header">#{msg.herValorLis}</f:facet>
			                <h:outputText value="#{herramienta.valor}"/>
			            </p:column>
			            <p:column sortBy="#{herramienta.total}">
			                <f:facet name="header">#{msg.herTotalLis}</f:facet>
			                <h:outputText value="#{herramienta.total}"/>
			            </p:column>	
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEditar}</f:facet>
			                <a4j:commandLink oncomplete="#{rich:component('popupHerramientas')}.show();"
			                	action="#{herramientasBean.editarHerramienta}" render="formularioHerramientas"> 			                	
			                	<a4j:param value="#{herramienta.idHerramientas}" assignTo="#{herramientasBean.idHerramienta}"></a4j:param> 
 								<h:graphicImage value="../resources/img/edit.png" />								  
 							</a4j:commandLink> 
			            </p:column>
			            <p:column exportable="false">
			                <f:facet name="header">#{msg.columnEliminar}</f:facet>
			                <a4j:commandLink action="#{herramientasBean.eliminarHerramientaId}"				               		                        
			                	oncomplete="#{rich:component('popupHerramientasEliminar')}.show();">
			                	<a4j:param value="#{herramienta.idHerramientas}" assignTo="#{herramientasBean.idHerramienta}"></a4j:param> 
 								<h:graphicImage value="../resources/img/eliminar.gif" />								  
 							</a4j:commandLink>
			            </p:column>		           
			        </p:dataTable>
			        <h:panelGrid columns="4" style="margin-top:65px;">	
			        			<h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/excel.png"/>
					                <p:dataExporter type="xls" target="tableHerramientas" fileName="listHerramientas" />
					            </h:commandLink>
					 
					            <h:commandLink>
					                 <h:graphicImage alt="PNG" url="../resources/img/pdf.png"/>
					                <p:dataExporter type="pdf" target="tableHerramientas" fileName="listHerramientas"/>
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/csv.png"/>
					                <p:dataExporter type="csv" target="tableHerramientas" fileName="listHerramientas" />
					            </h:commandLink>
					 
					            <h:commandLink>
					            	<h:graphicImage alt="PNG" url="../resources/img/xml.png"/>
					                <p:dataExporter type="xml" target="tableHerramientas" fileName="listHerramientas" />
					   			 </h:commandLink>
					</h:panelGrid>	
			        <rich:messages />
			     </div>
			     			     
			    </h:form>
			    
			    
			    <rich:popupPanel id="popupHerramientas" height="185" width="500">
			        <f:facet name="header">
			            <h:outputText value="#{msg.herCrearEditar}" />
			        </f:facet>
			        <f:facet name="controls">
			            <a4j:commandLink value="X" onclick="#{rich:component('popupHerramientas')}.hide();">
			                
			            </a4j:commandLink>
			        </f:facet>		   
			        <h:panelGroup>
			        	<ui:include src="/cmaqpages/herramientasAlta.xhtml" />
			        </h:panelGroup>
			             
   		 		</rich:popupPanel>
   		 		
	   		 		<rich:popupPanel id="popupHerramientasEliminar" height="100" width="300">
				        <f:facet name="header">
				            <h:outputText value="#{msg.herEliminar}" />
				        </f:facet>
				        <f:facet name="controls">
				            <a4j:commandLink value="X" onclick="#{rich:component('popupHerramientasEliminar')}.hide();">
				                
				            </a4j:commandLink>
				        </f:facet>		   
				        
				        <h:outputText value="#{msg.herMesEliminar}"></h:outputText>
				        <h:panelGrid columns="2">			        	
				        	<a4j:commandButton value="#{msg.botonCancelar}"		                        
				                		onclick="#{rich:component('popupHerramientasEliminar')}.hide(); return false;"> 			                																  
	 						</a4j:commandButton>
	 						<a4j:commandButton action="#{herramientasBean.eliminarHerramienta}" execute="@this" value="#{msg.botonAceptar}"		                        
				                       oncomplete="renderTablaListHerramientasEliminar();"> 
	 						</a4j:commandButton>
				        </h:panelGrid>
				             
	   		 		</rich:popupPanel>
   		 		<a4j:jsFunction name="renderTablaListHerramientasEliminar" oncomplete="#{rich:component('popupHerramientasEliminar')}.hide(); return false;"  render="tableHerramientas"></a4j:jsFunction>		
    		  <a4j:jsFunction name="renderFormHerramientasEliminar" render="formularioHerramientas"></a4j:jsFunction>		
    		
    		</ui:define>  		
   	</ui:composition>
</h:body>
</html>
